// 单选框样式
.el-radio {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    height: 32px;
    padding: 4px;
    // margin-right: 32px;
    // vertical-align: top;
    &.is-disabled {
        cursor: not-allowed;
    }
    .el-radio__input {
        flex: 0 0 auto;
        width: 24px;
        height: 24px;
        text-align: center;
        // 未选中样式
        .el-radio__inner {
            width: 14px;
            height: 14px;
            top: 50%;
            border-color: $--table-tr-border-color;
            transform: translateY(-50%);
            &:hover {
                border-color: $--radio-hover-border;
                background-color: $--radio-hover-inner;
            }
        }
        &.is-disabled {
            cursor: not-allowed;
        }
    }
    // 文本样式
    .el-radio__label {
        flex: 1 1 auto;
        padding-left: 4px;
        line-height: 19px;
        color: $--text-dim;
        @include ellipsis();
    }

    &.is-checked {
        .el-radio__input {
            &.is-checked {
                // 选中样式
                .el-radio__inner {
                    border-color: $--table-tr-border-color;
                    background: $white;
                    &:hover {
                        border-color: $--radio-hover-border;
                        background-color: $--radio-hover-inner;
                    }

                    &::after {
                        width: 6px;
                        height: 6px;
                        background-color: $--radio-hover-border;
                    }
                }
            }
        }

        .el-radio__label {
            color: $--text-dim;
        }
    }

    &.is-disabled {
        .el-radio__input {
            .el-radio__inner:hover {
                border-color: $--table-tr-border-color;
                background-color: $--table-header-color;
            }

            &.is-checked {
                .el-radio__inner {
                    border-color: $--table-tr-border-color;
                    background-color: $background;
                    &:hover {
                        border-color: $--table-tr-border-color;
                        background-color: $background;
                    }

                    &:after {
                        width: 8px;
                        height: 8px;
                        background-color: $--radio-hover-inner-display;
                    }
                }
            }
        }

        span.el-radio__label {
            color: $--text-dim;
        }
    }
}
.el-radio-group {
    .el-radio-button {
        &.is-active {
            .el-radio-button__inner {
                background-color: $primary !important;
                border-color: $primary !important;
                box-shadow: -1px 0 0 0 $primary !important;
            }
        }

        &:first-child.is-active .el-radio-button__inner {
            box-shadow: none !important;
        }
    }
    .el-radio-button:first-child .el-radio-button__inner {
        border-radius: 2px 0 0 2px !important;
    }
    .el-radio-button:last-child .el-radio-button__inner {
        border-radius: 0px 2px 2px 0 !important;
    }
}
